<template>
  <div>
    <h1>home comoponent</h1>
    <router-link to="/home/children-one">children one</router-link>
    <router-link to="/home/children-two">children two</router-link>
    <router-view></router-view>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
  name: '',
  setup() {
    return {};
  },
});
</script>

<style scoped>
.router-link-active {
  color: red;
}
</style>
